﻿@import url("/Content/editablecontent/base.css");

/*Fix browsers containers behaviors*/
div, pre, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

body.adminMode {
    margin-top:113px;
}




/*#region Content layout stuff*/

li.MyPrettyCMSSlot {
    list-style: none;
    position: absolute;
    border: 1px solid transparent;
}

/*#endregion*/

/*Fix : Kendo UI Background color of .k-panelbar>li.k-item,.k-panel>li.k-item,.k-tiles*/
li.k-item div {
    background-color: transparent !important;
}
/*End Fix*/

/*.mceLayout {
    margin-top: -16px !important;
}*/


html, iframe {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background: transparent;
}

form {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.content-wrapper {
    margin: 0 auto 0 auto;
}

.full-height {
    min-height: 100%;
    height: auto;
}
/*
nav {
    position: relative;
}
*/

/*#region login*/
#login {
    display: block;
    font-size: .85em;
    margin: -1px 5px;
    text-align: center;
    float: right;
}

    #login a {
        display: inline-block;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
        color: #0000ff;
    }

        #login a.username {
            background: none;
            margin-left: 0px;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }
/*#endregion*/

.notDisplayed {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.ulLanguageSelector {
    margin: 0;
    white-space: nowrap;
}

    .ulLanguageSelector li {
        display: inline-block;
        list-style: none;
    }

/*#region language bar*/
.imgLge {
    display: block;
}

.imgLgeUnselected {
    cursor: pointer;
    border: 1px solid transparent;
}

.imgLgeSelected {
    border: 1px solid #ff0000;
}
/*#endregion*/

.veryBold {
    font-weight: 900;
}

.AdminModeMenuButtonRight {
    position: absolute;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

.AdminModeMenuButtonLeft {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

    .AdminModeMenuButtonLeft:hover, .AdminModeMenuButtonRight:hover {
        background-color: Blue;
    }

.AdminModeMenuButtonTop {
    top: 0;
}

.AdminModeMenuButtonBottom {
    bottom: 0;
}

.LastMenuBarItem {
    left: 10px !important;
    top: 9px !important;
}

.AdminModeMenuToggleActivation {
    width: 16px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    background-image: url(/images/ToggleMenuActivation.png);
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
}

.AdminModeMenuToggleActivationOn {
    background-position: 0 -7px;
}

.AdminModeMenuToggleActivationOff {
    background-position: 0 0;
}

.AdminModeMenuToggleActivationOn:hover {
    background-position: 0 -19px;
}

.AdminModeMenuToggleActivationOff:hover {
    background-position: 0 -12px;
}

#inlinePopup {
    overflow: hidden;
    padding: 0 !important;
}

    #inlinePopup #ifrInlinePopup {
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
        height: 100%;
    }

.EditMenuItem {
    width: 16px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    background-image: url(/images/MenuEditor.png);
    background-repeat: no-repeat;
    top: 0;
    cursor: pointer;
    /*background-position: 0 -10px;*/
}

    .EditMenuItem:hover {
        background-position: 0 -6px;
    }

fieldset {
}

    fieldset li {
        list-style: none;
    }

        fieldset li label {
            width: 150px;
            display: inline-block;
        }

iframe {
    padding: 0px;
    margin: 0px;
}

/*FORMS*/
fieldset {
    border: none;
    margin: 0;
    padding: auto;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    fieldset label {
        display: block;
        font-size: 0.75em;
        font-weight: 600;
    }

        fieldset label.checkbox {
            display: inline;
        }

    fieldset input[type="text"], fieldset input[type="password"] {
        border: 1px solid #e2e2e2;
        color: #333;
        font-size: .85em;
        width: 300px;
    }

        fieldset input[type="text"]:focus, fieldset input[type="password"]:focus {
            border: 1px solid #7ac0da;
        }

    fieldset input[type="submit"], input[type="reset"], textarea {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: .85em;
        font-weight: 600;
        padding: 7px;
    }

.footer {
    position: relative;
}

.mceIframeContainer iframe html {
    background-image: none !important;
    background-color: #fff;
}

.floatRight {
    float: right;
}

.rounded15 {
    border-radius: 15px;
    -moz-border-radius: 15px;
}

.rounded10 {
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.rounded5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.rounded4 {
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.allBorders {
    border: 1px solid;
}

.bottomMargin10 {
    margin-bottom: 10px;
}

.divRssLink {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .divRssLink a {
        text-decoration: none;
    }

        .divRssLink a img {
            border: none;
            display: block;
        }

body + p, div + p {
    margin-top: 0px;
}

/*#region tinyMCE Ribbon custom*/
#divMceRibbonBarPlaceholder {
    background-color: #fff;
}

.ribbonBG {
    background-color: #fff;
}

.defaultSkin a.big {
    height: 56px !important;
    margin-bottom: 4px !important;
}

.defaultSkin .ribbon_group {
    height: 72px;
}

.defaultSkin .ribbon_tab_div {
    height: 78px !important;
    /*margin-bottom:2px!important;*/
}

#divContent_tbl {
}
/*#endregion*/
.disabled {
    background-image: none !important;
    background-color: #ccc !important;
}

.input-validation-error {
    background-image: none !important;
    background-color: #ffe6e6 !important;
}

.shownLegend {
    display: block !important;
    margin-top: -4px;
}

#dialogMyProfile fieldset, #dialogMyProfile fieldset input[type="password"], #dialogMyProfile fieldset input[type="text"] {
    font-size: 10pt !important;
    height: 16px;
}

.newButtonInGridDialog {
    margin-left: 10px;
    margin-top: 5px;
}

.ulList {
    width: 300px;
    height: 287px;
    float: left;
    margin-right: 10px;
}

/*#frmMyProfile div[role='tabpanel'] {
    height: 310px;
}

#dialogMyProfile fieldset table.TownTable {
    width: 300px;
}

#dialogMyProfile fieldset td.ZipCode input[type='text'], #dialogMyProfile fieldset td.ZipCode label {
    width: 65px!important;
    float: left;
    margin-right: 5px;
}

#dialogMyProfile fieldset td.Town input[type='text'], #dialogMyProfile fieldset td.Town label {
    width: 145px!important;
    float: left;
    margin-right: 5px;
}

#dialogMyProfile td.Cedex input[type='text'], #dialogMyProfile td.Cedex label {
    width: 65px!important;
    float: left;
    margin-right: 5px;
}*/

/*JQueryUI Specials*/
.selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .selectable li {
        margin: 3px;
        padding: 0.4em;
        height: 18px;
    }
/*End JQueryUI Specials*/

#frmMyProfile {
}


    #frmMyProfile .MyProfileTitle {
        font-size: 11pt;
        font-weight: bold;
    }

    #frmMyProfile #MyProfileForm_Identity label {
        width: 95px;
    }

    #frmMyProfile #MyProfileForm_Identity .olIcon {
        float: left;
        width: 100px;
        margin-top: -5px;
        margin-right: 15px;
        margin-left: 15px;
    }

    #frmMyProfile #MyProfileForm_Identity .olButtons {
        float: right;
        width: 140px;
        margin-top: -152px;
        margin-right: 20px;
    }

    #frmMyProfile #MyProfileForm_Identity .cmdChangePassword {
        color: #00F;
    }

    #frmMyProfile #MyProfileForm_Identity .ContactDetailsButton {
        display: block;
        width: 140px;
    }

#UserProfileIconImgUploadButton {
    width: 91px !important;
}

#SingleFileUploadSubmitButton {
    height: 32px !important;
}

#frmMyProfile #MyProfileForm .box {
    width: 720px;
}

#frmMyProfile #MyProfileForm_Identity .olIcon img {
    display: block;
    width: 90px;
    height: 110px;
    border: inset 1px #fff;
}

#frmMyProfile #MyProfileForm_Identity #UserProfileIconUploadDialogOpenButton {
    display: block;
    width: 90px;
    height: 18px;
}

#frmMyProfile #MyProfileForm_Location {
    height: 290px;
}

    #frmMyProfile #MyProfileForm_Location .MyProfileFormFields {
        margin-left: 120px;
        width: 450px;
        height: 250px;
        border: 1px #000 solid;
    }

.box {
    clear: both;
    margin: 0 auto 15px auto;
    padding: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.07) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.07)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
}

.MyProfileOneAddress {
    margin: 15px auto 15px auto;
    padding: 10px;
    -moz-box-shadow: inset 0 0px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.5);
    box-shadow: inset 0 0px 2px rgba(0,0,0,0.5);
    border: 1px inset rgba(255,255,255,0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.07) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.07)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.07) 100%);
}
/*#MyProfileAddressForm
{
    margin-top: -10px;
    width: 300px;
    height: 300px;
}

.MyProfileAddressButton
{
    width: 85px;
    float: right;
    margin-left: 15px;
}

.olIcon
{
    float: left;
    width: 100px;
    height: 250px;
    margin-right:20px;
}

.olIcon img
{
    display:box;
    width:90px;
    height:110px;
    border:inset 1px #fff;
}

#UserProfileIconUploadDialogOpenButton
{
    display:box;
    width:90px;
    height:24px;
    margin-left:auto;
    margin-right:auto;
    margin-right:auto;
}

.olMainForm label
{
}*/

/*Uno Redo position fix*/
#divMceRibbonBarPlaceholder span.mceEditor table.mceLayout {
    margin-top: 0 !important;
}

td.ribbon {
    background-color: #fff !important;
}

    td.ribbon span.undo {
        display: block !important;
        margin-top: 4px;
        margin-left: 8px;
    }

#divStructurePage {
    font-size: 10pt !important;
}

    #divStructurePage .box {
        height: 370px;
        padding-left: 15px;
    }

    #divStructurePage textarea {
        width: 735px;
        height: 100px;
    }

    #divStructurePage li {
        margin-bottom: 5px;
    }

        #divStructurePage li label {
            width: 195px;
        }

    #divStructurePage input[type=text].dateTime {
        width: 160px;
    }

    #divStructurePage .liFiftyFifty ul {
        float: left;
    }

        #divStructurePage .liFiftyFifty ul li {
            float: left;
        }

/*Time picker css*/
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 40%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }


.ltfMa10 {
    margin-left: 15px;
}

#frmProfileDetail .k-input {
    width: 45px;
}

.editDropDown {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top: 40px;
    width: 9px;
    height: 9px;
    background-image: url(/content/images/EditDropdown.png);
    text-decoration: none;
    background-position: 0 9px;
}

#MyProfileCompetencyForm .editDropDown {
    left: 95px;
}

#MyProfileTelecomForm .editDropDown {
    left: 105px;
}


#MyProfileTelecomForm .TelecomValue {
    width: 350px !important;
}

.editDropDown:hover {
    background-position: 0 0;
}

.lookupForm label {
    width: 60px !important;
}

.lookupForm input[type=text] {
    width: 180px !important;
}
/* UNCOMMENT THIS IF YOU WANT TO REMOVE ALL ROUNDED CORNERS OF THE SITE
.ui-corner-all {
    border-radius: 0px!important;
    -moz-border-radius-bottomright: 0px!important;
    -moz-border-radius-bottomleft: 0px!important;
    -moz-border-radius-topright: 0px!important;
    -moz-border-radius-topleft: 0px!important;
}
*/

.kendoGridReorder {
}

    .kendoGridReorder .ui-icon-circle-triangle-n, .kendoGridReorder .ui-icon-circle-triangle-s {
        float: right;
        width: 12px !important;
        height: 12px !important;
        cursor: pointer;
    }

    .kendoGridReorder .value {
        display: inline-block;
        margin-top: 4px;
    }

    .kendoGridReorder .ui-icon-circle-triangle-n {
        background-position: -98px -194px;
    }

    .kendoGridReorder .ui-icon-circle-triangle-s {
        background-position: -66px -194px;
        margin-top: -6px;
    }


#ProfileDetailCompetenciesGridDiv .k-grid-content,
#ProfileDetailTelecomsGridDiv .k-grid-content,
#ProfileDetailAddressesGridDiv .k-grid-content,
#LookupDialogGridDiv .k-grid-content {
    height: 388px !important;
}

#MyProfileForm_Address {
    width: 580px;
}

    #MyProfileForm_Address label {
        width: 100px !important;
    }

    #MyProfileForm_Address #AddressLabel {
        width: 150px !important;
    }

    #MyProfileForm_Address .AddressLabel {
        float: left;
        width: 300px !important;
    }

        #MyProfileForm_Address .AddressLabel label {
            clear: both;
        }

    #MyProfileForm_Address .AddresTypes {
        float: right;
        width: 270px !important;
    }

    #MyProfileForm_Address .AddresTypes {
        text-align: right;
    }

        #MyProfileForm_Address .AddresTypes label {
            display: inline-block;
            height: 10px;
            padding-top: 2px !important;
            vertical-align: top;
            width: 55px !important;
        }

        #MyProfileForm_Address .AddresTypes input[type=checkbox] {
            margin-top: 1px;
        }

    #MyProfileForm_Address .addressRow {
        clear: both;
        height: 24px;
    }

        #MyProfileForm_Address .addressRow input[type=text] {
            width: 460px !important;
        }

    #MyProfileForm_Address .ZipCode {
        clear: both;
        float: left;
        width: 200px;
    }

        #MyProfileForm_Address .ZipCode input[type=text] {
            width: 90px !important;
        }

    #MyProfileForm_Address .Town {
        float: left;
        width: 245px;
    }

        #MyProfileForm_Address .Town label {
            text-align: right;
            width: 35px !important;
        }

        #MyProfileForm_Address .Town input[type=text] {
            width: 200px !important;
        }

    #MyProfileForm_Address .Cedex {
        float: left;
        width: 120px;
    }

        #MyProfileForm_Address .Cedex label {
            text-align: right;
            width: 35px !important;
        }

        #MyProfileForm_Address .Cedex input[type=text] {
            width: 79px !important;
        }

    #MyProfileForm_Address .Country {
        clear: both;
        height: 24px;
    }

        #MyProfileForm_Address .Country input[type=text] {
            width: 460px !important;
        }

#frmAdminSettings label {
    width: 250px !important;
}

#frmAdminSettings .olLookSample {
    height: 360px;
}

    #frmAdminSettings .olLookSample li.tool {
        float: left;
        width: 170px !important;
    }

        #frmAdminSettings .olLookSample li.tool select {
            width: 165px;
        }

    #frmAdminSettings .olLookSample li.sample {
        float: left;
    }

    #frmAdminSettings .olLookSample li iframe {
        border: 1px #ccc inset;
        width: 550px;
        height: 311px;
    }


/*#region Fonts*/
@font-face {
    font-family: kids_boing;
    src: local(kids_boing), url('/content/fonts/boing.ttf') format('opentype');
}
/*#endregion*/

.LayoutHandleClone {
    /*border:dashed 1px #000;*/
    bottom: auto;
}

#frmChangePassword label {
    width: 95px;
}

#frmChangePassword input[type=text], #frmChangePassword input[type=password] {
    width: 95px;
    height: 16px !important;
}

/*#region AdminLayout*/
#AdminSettingsLayoutShowHideDialogDiv li {
    clear: both;
}

.simplecolorpicker {
    border: 2px #ccc ridge !important;
    background-color: transparent;
}
/*#endregion*/

.gridsterUl {
    margin: 0;
    padding: 0;
}

    .gridsterUl .gridsterLi .MyPrettyCMSSlot {
        list-style: none;
        float: left;
    }

.fileManagementIFrame {
    width: 980px;
    height: 660px;
}

#divFinder {
    overflow: hidden;
}

.innoUI.ui-dialog-content {
    overflow: hidden;
}